<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10_文本属性</title>
    <style>
        span{
            width: 300px;
            height: 160px;
            color: brown;
            background: pink;
            display:inline-block;
            /* display: inline-block; 行内文本设置 */
            font-size: 20px;
            font-weight: bolder;
            font-style:italic;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            text-align: center;
            line-height: 160px;
            text-indent: 2em;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            /* text-overflow: ellipsis; 省略三个点 */
            /* white-space: nowrap; 不换行 */
            /* overflow: hidden; 超出隐藏 */
        }
    </style>
</head>
<body>
    <span>文本属性测试文本属性测试文本属性测试</span>
</body>
</html>